前端开发工程师怎样能表现的不那么“新手没经验”、不那么“培训班出来的”

最近看到知乎上面很多讨伐培训班的问答、文章，不禁想到了我和新手同事合作的一些经历；

其实你是“培训班出来”还是“计算机科班毕业”，没人在乎，关键是你表现出来的一些问题切切实实的对你的同事或合作伙伴造成了很大困扰，而且这些问题集中在某一部分人身上显露出来，才造成今天这种万众讨伐的局面；

下面分别来谈谈这些问题以及解决方案：

1、html标签不闭合；
上面有五个<div>，下面只有四个</div>；
有一次我给新手同事指出这个问题，同事反驳我说html5是很智能的可以不闭合；我说那是针对<br>、<img>，他很不以为然，继续我行我素；后来代码越写越多，可能是下面某个div也没闭合，在浏览器打开之后，该配对的div没配对，不该配对的div配在了一起，布局全乱了，然后他开始挨个检查，浪费更多时间；
解决方案：sublime自带的就有检查闭合，如果没闭合左侧会出现一个小灰点，看到就赶紧解决了；

2、整天把新框架挂在嘴边 (bootstrap reactjs angularjs nodejs)生怕别人不相信他简历上的三年工作经验；
有些新手为了显得自己博学有经验，整天说这个也会用那个也用过；其实这些新框架的使用范围没有那么广；
我就见过一个新同事写的bootstrap，一层套一层，本来用“col-md-6”栅格就能解决的，他却连续套了五六层container panel最后却用table布了局；把bootstrap用熟练能很大程度提高完成项目的效率和整体协调度，但是如果半生不熟乱用，会给后面的后台对接及前端修改维护人员造成很大的麻烦；
解决方案：工作两年之内，只要能把原生js和jquery弄熟练就好了，别整天这个看一点那个蹭一下；我做前端五年了，一直用原生js和jquery，也没见哪个项目掉链子；

3、class名称连接，“减号 -”和“下划线”混用<div class="index-title"></div> <div class="index_vice"></div>
有的新手写完了一段代码出错了自己查不出来让我们帮着查，我们排除半天才发现class名称减号和下划线混用了；代码少了还容易看出来，代码多了真心不容易看出来呀，所以养成良好习惯吧；
解决方案：尽量用“减号 -”（英文减号，不要弄成中文减号），不要用“下划线”；

4、“utf-8”和“gb-2312”混用
很多新手喜欢从网上下载一些“无人维护的野代码”，也不管编码如何，直接就往项目里加；往小了说会让一些中文字符显示成乱码；往大了说，有些大项目复杂页面报错了，查很长时间才能查出是你引入的部分编码有问题，同事不骂你才怪；
解决方案：尽量上github上面找正规有维护的代码，从star和issue上面就能看出来；

5、疯狂使用内置css <div style="width:100px;"></div>
如果你是个后台，着急项目上线，在html标签上加了几个内置style，这可以理解；
但是你一个前端开发工程师，一个项目全用的内置style，你后期打算咋维护、咋复用？
解决方案：不要在html标签上出现style=""

6、见图片就用img标签
css sprite雪碧图在图标多的页面能有效减轻http加载数；
这些道理都提了很多年了，有些新手还是全用img标签；
解决方案：“小图标”和“不经常需要更换的图片”请用 css sprite

7、疯狂使用id调整css
有些新手的css文件里大片对应id的#，一方面id不便于复用，另一方面写js和后台时id冲突了咋办？后台为了避免和你的id冲突，不得不加长id的长度，后台能不骂你？
解决方案：class就完全够用了，尽量不要用id调整css样式

8、css和js全写进html中
这样很不利于代码复用；比如首页有一个图片轮播，列表页也有一个一模一样的图片轮播，如果使用外链css、js，只用写一次就够了，如果写到html中，两个页面的html都要分别写一次，不利于代码优化，也不方便修改维护；
解决方案：使用外链css、js

9、滥用iframe
随便一段普通文字都敢用iframe；
我做了五年前端，只在“插入视频”、“添加百度搜索”时用过iframe；
解决方案：除非“后台明确要求”或者“插入优酷视频时上面直接提供iframe代码”，其他时候不要用这个标签；

前端工程师们，你们是否也有上面这些问题呢？如果有的话，尽早解决吧，别工作了好几年还被误认为是新手培训班出来的，工资咋也涨不上去；